<template>
	<ynet-field title="区域标题" brief="区域描述性文本，可根据具体场景配置">
		<div class="action-container" slot="action" @click="onClick">
			操作 <ynet-icon name="rectangle"></ynet-icon>
		</div>
		<ynet-field-item solid title="标题区域" placeholder="提示文本">
			<p slot="children">这是子内容区域</p>
		</ynet-field-item>
		<ynet-field-item solid title="标题区域" content="内容文本" addon="次要信息" arrow />
		<ynet-cell-item title="标题"  addon="次要信息" />
		<ynet-cell-item title="标题" brief="次要信息" addon="次要信息" arrow>
			<p slot="children" style="font-size:0.24rem;color:#858B9C;">这里是子区域内容</p>
		</ynet-cell-item>
		<p slot="footer">区域页脚区域内容插槽</p>
	</ynet-field>
</template>
<script>
	import { Field, Icon, CellItem, FieldItem } from 'ynet-mobile'
	export default {
		title: '基础',
		name: 'field-demo',
		components: {
			[Field.name]: Field,
			[Icon.name]: Icon,
			[CellItem.name]: CellItem,
			[FieldItem.name]: FieldItem
		}
	}
</script>